<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Demo: Using _TemplatedMixin</title>
    <link rel="stylesheet" href="css/style.css" media="screen">
    <link rel="stylesheet" href="css/demo.css" media="screen">
    <!--<link rel="stylesheet" href="js/lib/dijit/themes/claro/claro.css" media="screen">-->

    <style type="text/css">
        @import "js/lib/dijit/themes/tundra/tundra.css";
        @import "js/lib/dojo/resources/dojo.css";
    </style>

</head>
<body class="claro">
<h1>Demo: Using _TemplatedMixin</h1>

<div data-dojo-type="demo/SomeWidget" data-dojo-props="title:'Our Some Widget'">
    <div>Don't forget to click on the title!</div>
    <p>This is arbitrary content!</p>
    <button data-dojo-type="dijit/form/Button">My Button</button>
    <p>More arbitrary content!</p>
</div>

<script src="js/config.js" type="text/javascript" charset="utf-8"></script>
<!--<script>-->
    <!--var dojoConfig = {-->
        <!--async: true,-->
        <!--dojoBlankHtmlUrl: location.pathname.replace(/\/[^/]+$/, "") + "/blank.html",-->
        <!--packages: [{-->
            <!--name: "demo",-->
            <!--location: location.pathname.replace(/\/[^/]+$/, "") + "/"-->
        <!--}]-->
    <!--};-->
<!--</script>-->
<!-- load dojo -->
<!--<script src="js/lib/dojo/dojo.js"></script>-->
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.9.1/dojo/dojo.js"></script>

<script>
    require([
        "dojo/parser",
        "demo/SomeWidget",
        "dijit/form/Button"
    ], function(parser) {
        // Invoke the dojo/parser
        parser.parse();
    });
</script>
</body>
</html>
